<template>
    <el-button v-bind="$attrs" :type="type" :color="color" :size="size" :plain="plain" :round="round" :circle="circle"
        :loading="loading" :disabled="disabled" :icon="icon" @click="handleClick">
        <slot></slot>
    </el-button>
</template>

<script setup lang="ts">
import { ElButton } from 'element-plus';
defineProps<{
    type: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
    size: string;
    plain: boolean;
    round: boolean;
    circle: boolean;
    loading: boolean;
    disabled: boolean;
    icon: string;
    color: string;
}>();

const emit = defineEmits(['click']);

const handleClick = (event: Event) => {
    emit('click', event);
};
</script>

<style scoped>
/* Add custom styles here */
</style>
